<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ,minimum-scale=1.0 ,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>消息</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/iconfont.css"/>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <style>
        .content{}
        .content .tips{line-height: 24px;font-size: 12px;text-align: center;background-color: #f2953a;color: #fff;margin: 5px 0;}
        .content .msg{display: -webkit-box;display: box;padding: 0 10px;margin-top: 10px;}
        .content .msg .header{width: 70px;text-align: center;}
        .content .msg .header img{width: 50px;height: 50px;border-radius: 50px;}
        .content .msg .header p{font-size: 12px;margin-top: 5px;}
        .content .msg .msg-detail{box-flex: 1;-webkit-box-flex: 1;background-color: #f2f2f3;font-size: 12px;color: #666;padding: 10px;
            border-radius: 5px;position: relative;margin-left: 10px;}
        .content .msg .msg-detail:before{position: absolute;top: 20px;left: -8px;content: '';width: 0;height: 0;
            border-right: 10px solid #f2f2f3;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
        }
        .content .msg .msg-detail ul li{line-height: 18px;}
    </style>
</head>
<body>
<script src="../js/overall_mask.js"></script>
    <header class="header header2">
        <div class="header-fixed">
            <div class="left">
                <a href="javascript:window.history.back();">
                    <i class="iconfont icon-arrowleft"></i>
                </a>
            </div>
            <div class="center">消息</div>
        </div>
    </header>

    <div class="content">
        <div class="tips">已有商家报价</div>
        <div class="msg">
            <div class="header">
                <img src="../img/pic_lessor.png" alt=""/>
                <p>小明</p>
            </div>
            <div class="msg-detail">
                <ul>
                    <li>报价类型：<span>模特</span></li>
                    <li>咨询报价：<span>200/小时</span></li>
                    <li>时长：<span>3小时</span></li>
                    <li>地点：<span>成都市</span></li>
                    <li>内容详情：<span>求一个人看电影，交朋友。</span></li>

                </ul>
            </div>
        </div>
    </div>
</body>
</html>